<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
</style>
<div class="row animated fadeInRight">
    <div class="col-md-12" style="display: flex;justify-content: center;" >
        <div class="col-md-5">
            <form id="update-form" role="form" data-toggle="validator" method="POST"  action="{:url('general.profile/update')}">
                {:token()}
                <div class="box box-success">
                    <div class="panel-heading">
                        {:__('Profile')}
                    </div>
                    <div class="panel-body">
                        <input type="hidden" id="c-avatar" name="row[avatar]" value="{$manystore.avatar|htmlentities}"/>
                        <div class="box-body box-profile">
                            <div class="profile-avatar-container">
                                <img class="profile-user-img img-responsive img-circle plupload"
                                     src="{$manystore.avatar|cdnurl|htmlentities}" alt="">
                                <div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
                                <button id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i
                                        class="fa fa-upload"></i> {:__('Upload')}
                                </button>
                            </div>

                            <h3 class="profile-username text-center">{$manystore.username|htmlentities}</h3>

                            <p class="text-muted text-center">{$manystore.email|htmlentities}</p>
                            <div class="form-group">
                                <label for="username" class="control-label">{:__('Username')}:</label>
                                <input type="text" class="form-control" id="username" name="row[username]"
                                       value="{$manystore.username|htmlentities}" disabled/>
                            </div>
                            <div class="form-group">
                                <label for="email" class="control-label">{:__('Email')}:</label>
                                <input type="text" class="form-control" id="email" name="row[email]"
                                       value="{$manystore.email|htmlentities}" data-rule="required;email"/>
                            </div>
                            <div class="form-group">
                                <label for="nickname" class="control-label">{:__('Nickname')}:</label>
                                <input type="text" class="form-control" id="nickname" name="row[nickname]"
                                       value="{$manystore.nickname|htmlentities}" data-rule="required"/>
                            </div>
                            <div class="form-group">
                                <label for="password" class="control-label">{:__('Password')}:</label>
                                <input type="password" class="form-control" id="password"
                                       placeholder="{:__('Leave password blank if dont want to change')}"
                                       autocomplete="new-password" name="row[password]" value="" data-rule="password"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-success">{:__('Submit')}</button>
                            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        {if condition="$auth->check('general/profile/shop_update')"}
        <div class="form-horizontal col-md-7">
            <div class="box box-success">
                <div class="panel-heading">
                    {:__('商家信息')}
                </div>
                <form id="shop-form" role="form" data-toggle="validator" method="POST" action="{:url('general.profile/shop_update')}">
                    {:token()}
                    <div class="panel-body">
                        <div class="box-body box-profile">
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-name" data-rule="required" class="form-control" name="shop[name]"   type="text"  value="{$shop_info.name}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">
                                    {:__('Logo')}:
                                    <p style="margin-top: 20px;">建议40*40</p>
                                </label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="c-logo" class="form-control" size="50" name="shop[logo]" type="text"  value="{$shop_info.logo}">
                                        <div class="input-group-addon no-border no-padding">
                                            <span><button type="button" id="plupload-logo"
                                                  class="btn btn-danger plupload cropper" data-input-id="c-logo"
                                                  data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                                  data-multiple="false" data-preview-id="p-logo"><i
                                            class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span><button type="button" id="fachoose-logo"
                                                          class="btn btn-primary fachoose"
                                                          data-input-id="c-logo" data-mimetype="image/*"
                                                          data-multiple="false"><i
                                                    class="fa fa-list"></i> {:__('Choose')}</button></span>
                                        </div>
                                        <span class="msg-box n-right" for="c-logo"></span>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-logo"></ul>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="c-image" data-rule="required" class="form-control" size="50"
                                               name="shop[image]" type="text" value="{$shop_info.image}">
                                        <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-image"
                                                  class="btn btn-danger plupload cropper" data-input-id="c-image"
                                                  data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                                  data-multiple="false" data-preview-id="p-image"><i
                                            class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span><button type="button" id="fachoose-image"
                                                          class="btn btn-primary fachoose"
                                                          data-input-id="c-image" data-mimetype="image/*"
                                                          data-multiple="false"><i
                                                    class="fa fa-list"></i> {:__('Choose')}</button></span>
                                        </div>
                                        <span class="msg-box n-right" for="c-image"></span>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-image"></ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Images')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="c-images" class="form-control" name="shop[images]" type="text"
                                               value="{$shop_info.images}">
                                        <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-images"
                                                  class="btn btn-danger plupload cropper" data-input-id="c-images"
                                                  data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                                  data-multiple="true" data-preview-id="p-images"><i
                                            class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span><button type="button" id="fachoose-imagess"
                                                          class="btn btn-primary fachoose"
                                                          data-input-id="c-images" data-mimetype="image/*"
                                                          data-multiple="true"><i
                                                    class="fa fa-list"></i> {:__('Choose')}</button></span>
                                        </div>
                                        <span class="msg-box n-right" for="c-images"></span>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-images"></ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Address_city')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class='control-relative'>
                                        <input id="c-address_city" data-rule="required"
                                               class="form-control form-control"
                                               data-toggle="city-picker" name="shop[address_city]"
                                               value="{$shop_info.address_city}" type="text">
                                    </div>
                                    <input type="hidden" id="province" name="shop[province]" value="">
                                    <input type="hidden" id="city" name="shop[city]" value="">
                                    <input type="hidden" id="district" name="shop[district]" value="">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Address')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class='control-relative'>
                                        <input id="c-address" data-rule="required" class="form-control form-control"
                                               data-lat-id="c-latitude" data-lng-id="c-longitude" readonly
                                               data-input-id="c-address" data-toggle="addresspicker"
                                               name="shop[address]"
                                               value="{$shop_info.address}" type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Address_detail')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-address_detail" class="form-control" name="shop[address_detail]"
                                           type="text"
                                           value="{$shop_info.address_detail}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Longitude')}:</label>
                                <div class="col-xs-12 col-sm-3">
                                    <input id="c-longitude" data-rule="required" readonly class="form-control"
                                           name="shop[longitude]" type="text" value="{$shop_info.longitude}">
                                </div>
                                <label class="control-label col-xs-12 col-sm-2">{:__('Latitude')}:</label>
                                <div class="col-xs-12 col-sm-3">
                                    <input id="c-latitude" data-rule="required" readonly class="form-control"
                                           name="shop[latitude]" type="text" value="{$shop_info.latitude}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Yyzzdm')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-yyzzdm" data-rule="required" class="form-control" name="shop[yyzzdm]"
                                           type="text" value="{$shop_info.yyzzdm}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Yyzz_images')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="c-yyzz_images" data-rule="required" class="form-control" size="50"
                                               name="shop[yyzz_images]" type="text" value="{$shop_info.yyzz_images}">
                                        <div class="input-group-addon no-border no-padding">
                                    <span><button type="button" id="plupload-yyzz_images"
                                                  class="btn btn-danger plupload" data-input-id="c-yyzz_images"
                                                  data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                                  data-multiple="true" data-preview-id="p-yyzz_images"><i
                                            class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span><button type="button" id="fachoose-yyzz_images"
                                                          class="btn btn-primary fachoose" data-input-id="c-yyzz_images"
                                                          data-mimetype="image/*" data-multiple="true"><i
                                                    class="fa fa-list"></i> {:__('Choose')}</button></span>
                                        </div>
                                        <span class="msg-box n-right" for="c-yyzz_images"></span>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-yyzz_images"></ul>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Tel')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-tel" class="form-control" name="shop[tel]" type="text"
                                           value="{$shop_info.tel}">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
                                <div class="col-xs-12 col-sm-8">
                            <textarea id="c-content" class="form-control editor" rows="5" name="shop[content]"
                                      cols="50">{$shop_info.content}</textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input class="form-control" disabled type="text"
                                           value="{$statusList[$shop_info['status']]}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group" style="display: flex;justify-content: center;" >
                            <button type="submit" class="btn btn-success">{:__('Submit')}</button>
                            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {/if}
</div>
